<template>
  <div class="deliverList-contailer">
    <div class="dataList out-border d-flex justify-content-between layout-top">
      <div class="screen-l">
        <i class="el-icon-tickets"></i>
        <span class="txt">数据列表</span>
      </div>
    </div>
    <div class="layout-top">
      <el-table :data="listData" border style="100%">
        <el-table-column prop="orderSn" label="订单编号" align="center"></el-table-column>
        <el-table-column prop="receiverName" label="收货人" align="center"></el-table-column>
        <el-table-column prop="receiverPhone" label="手机号码" align="center"></el-table-column>
        <el-table-column prop="receiverPostCode" label="邮政编码" align="center"></el-table-column>
        <el-table-column prop="" label="收货地址" align="center">
          <template v-slot="scope">
            <span>{{ scope.row.receiverProvince }}</span>
            <span>{{ scope.row.receiverCity }}</span>
            <span>{{ scope.row.receiverRegion }}</span>
            <span>{{ scope.row.receiverDetailAddress }}</span>
          </template>
        </el-table-column>
        <el-table-column prop="" label="配送方式" align="center">
          <el-select v-model="value" placeholder="请选择">
            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
          </el-select>
        </el-table-column>
        <el-table-column prop="" label="物流单号" align="center">
          <template><el-input></el-input> </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  name: '',
  data() {
    return {
      listData: [],
    }
  },
  methods: {
    async getDeliverData() {
      this.listData.push(this.$route.query.list)
      console.log(this.listData)
    },
  },
  created() {
    this.getDeliverData()
  },
}
</script>
<style lang="scss" scoped>
.dataList {
  padding: 18px 20px;
}
</style>
